<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Travel Right is a premier travel agency with the intention of making travel available to all"/>
		<meta
		name="keywords" content="Travel Right, travel, booking, vacation, travel agency, jungle, urban, tropical"/>

		<!--HTML Document for the travel site page Developed by: Tyler Smalley-->
		<link rel="icon" type="image/png" href="images/favicon.png">
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
		<link rel="stylesheet" href="/styles/navigation.css">
		<script src="/scripts/nav.js"></script>

		{% block head %}
			<title>
				{% block title %}{% endblock %}
				| Travel Right</title>
		{% endblock %}
	</head>

	<body class="body">
		<header class="header">
			<img src="../images/hamburger.png" id="mobile-nav-button" alt="Open Menu" onclick="openNav()"/>
			<nav class="nav navbar navbar-expand-md py-3">
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
					<span class="navbar-toggler-icon"></span>
				</button>
				<ul class="navigation">
					<li>
						<a href="https://travel.fsd01.ca">Home</a>
					</li>
					<li>
						<a href="https://travel.fsd01.ca/admin/users/list">Users Information</a>
					</li>
					<li>
						<a href="https://travel.fsd01.ca/admin/destinations/list">Destinations Information</a>
					</li>
					<li>
						<a href="https://travel.fsd01.ca/admin/contactus/list">Contact Us Information</a>
					</li>
					<li>
						<a href="https://travel.fsd01.ca/admin/bookings/list">Booking History</a>
					</li>
					<li>
						<a href="https://travel.fsd01.ca/admin/testimonials/list">Testimonials</a>
					</li>
					<li>
						<a href="https://travel.fsd01.ca/admin/hotels/list">Hotels</a>
					</li>
				</ul>
			</nav>
		</header>


		<div class="container mt-5">
			{% if flashMessage %}
				<br/>
				<div class="alert alert-success alert-dismissible fade show mt-5" role="alert">{{flashMessage}}
					<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
				</div>
			{% endif %}
		</div>
		{% block content %}{% endblock %}

		<footer class="footer text-center">
			<div class="container">
				<p class="lead">Copyright &copy; 2021 Team SIT</p>

				<a href="" class="postion-absolute bottom-0 end-0 p-5">
					<i class="bi bi-arrow-up-circle h1"></i>
				</a>
			</div>
		</footer>

		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
	</body>

</html>
